<template>
  <div id="mapBox">
    <maps></maps>
    <!-- <Navigation :Crumbs="Crumbs" class="title"></Navigation> -->
    <!-- 底边部分 -->
    <operation  @playStatus="PlayStatus"  @del="del" ref="setpage" class="operation" v-show="distribution!='广播对讲系统'"/>
    <!-- 广播对讲系统 -->
      <IntercomOperation  class="operation" ref="setpage" @playStatus="PlayStatus"  v-show="distribution=='广播对讲系统'"/>
    <!-- 基础信息 -->
    <faulthint ref="c1"></faulthint>
  </div>
</template>
<script>
import operation from "./operation.vue";
import IntercomOperation from "../radioBroadcast/IntercomOperation"
import { mapState } from "vuex";
import maps from "../../components/map.vue";
import Navigation from "@/views/title";
import faulthint from "../../components/FaultHint.vue";
export default {
  components: {
    operation,
    maps,
    Navigation,
    faulthint,
    IntercomOperation
  },
  computed: {
    ...mapState("boxList", ["distribution"])
  },

  // name: 'amap-page',
  data() {
    return {
    Crumbs:{
       router: [{
        value:"主控",
        path:"/distribution"
      },{
        value:"运行策略",
        path:"/BoxStrategy"
      }],
      path:["主控界面","夜景照明系统","回路控制"]
    },
    };
  },
  mounted(){
  },
  methods: {
    setpage(){
          this.$refs.setpage.setpage()
    },
    PlayStatus() {
      this.$refs.c1.opens();
    },
    console(){
       this.$refs.c1.close()
    },
    del(){
      this.$refs.c1.empty()
    }
  }
};
</script>
<style scoped>
#mapBox{
  height: 100%;
  overflow: hidden;
  position: relative;
}
.operation {
  position: absolute;
  bottom:  100px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.title {
  position: absolute;
  top: 0;
}
</style>